<template>
    <el-result id="not-found-result" title="404 NOT FOUND" sub-title="抱歉，您访问的页面不存在！">
        <template #icon>
            <el-image src="/src/assets/404/404_logo.png" />
        </template>
        <template #extra>
            <el-button type="primary" @click="backHomepage">返回首页</el-button>
        </template>
    </el-result>
</template>

<script lang="ts" setup>
import router from '@/router'
const backHomepage = () => {
    router.push({
        path: '/home'
    })
}
</script>

<style type="less">
#not-found-result {
    margin-top: 10rem;
}
</style>